<template>
  <div>
    <div class="list-item" @click="handleItemClick(gs)"
         v-for="gs in gsList" :key="gs.type">
      <div>
        <div>{{ gs.label }}</div>
        <div style="color: red">{{ gs.format }}</div>
      </div>
    </div>
  </div>
</template>

<script>
import {mapState} from 'vuex'

export default {
  name: "SelectGs",
  computed: {
    ...mapState(['gsList'])
  },
  methods: {
    handleItemClick(gs) {
      this.$emit('select', gs)
    }
  }
}
</script>

<style scoped>

</style>